<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 16274
  Date: 2023/2/28
  Time: 21:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <base href="${ctx}/">
    <meta charset="UTF-8">
    <title>顾客列表</title>
    <link rel="stylesheet" href="assets/employee/css/employee.css">
    <script src="assets/lib/jquery/jquery-3.6.3.min.js"></script>
    <script src="assets/lib/layer/layer.js"></script>
    <script src="assets/lib/laydate/laydate.js"></script>

    <script>
        const ctx = "${ctx}";
    </script>
    <script src="assets/kind/js/list.js"></script>
</head>
<body>
<div class="search">
    <form action="" method="post" class="clear">
        <div>
            <label for="kind_id">种类编号</label>
            <input type="number" id="kind_id" placeholder="种类编号"/>
        </div>
        <div>
            <label for="name">名称</label>
            <input type="text" id="name" placeholder="请输入名称"/>
        </div>
        <div>
            <label for="description">备注</label>
            <input type="text" id="description" placeholder="请输入备注"/>
        </div>
    </form>
</div>
<div class="action clear">
    <div>
        <button id="add-btn" onclick=ctx+"/kind/add" >添加</button>
    </div>
    <div>
        <button id="search-btn">查询</button>
    </div>
    <div>
        <button id="del-btn">删除</button>
    </div>
    <div>
        <button id="reset-btn">重置</button>
    </div>
    <div>
        <button id="export-btn">导出</button>
    </div>
    <div>
        <button id="update-btn">导入</button>
    </div>
</div>
<div class="main">
    <table id="tbl">
        <thead>
        <tr>
            <th><input type="checkbox" id = "check-all" > </th>
            <th>主键</th>
            <th>种类编号</th>
            <th>名称</th>
            <th>备注</th>
            <th>修改</th>
            <th>删除</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
</div>
<div class="paginate clear">
    <div>
        <span>总页数</span>
        <span id="pages"></span>
        <span>总记录</span>
        <span id ="total"></span>
        <span id="page-no" style="display: none"></span>
    </div>
    <ul class="clear">
        <li class="first"><a  href="#">首页</a></li>
        <li class="prev"><a  href="#">上一页</a></li>
        <li class="next"><a href="#">下一页</a></li>
        <li class="last"><a href="#">尾页</a></li>
    </ul>

    <select id="pageSize" class="clear">
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="30">30</option>
        <option value="40">40</option>
        <option value="50">50</option>
    </select>

</div>
</body>
</html>
